<!--
  ~ Copyright 2020 Xiaomi
  ~
  ~    Licensed under the Apache License, Version 2.0 (the "License");
  ~    you may not use this file except in compliance with the License.
  ~    You may obtain a copy of the License at
  ~
  ~        http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~    Unless required by applicable law or agreed to in writing, software
  ~    distributed under the License is distributed on an "AS IS" BASIS,
  ~    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~    See the License for the specific language governing permissions and
  ~    limitations under the License.
  -->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>icon.ico">
    <link rel="stylesheet" href="<%= BASE_URL %>css/loading.css">
    <title><%= VUE_APP_TITLE %></title>
  
    <!-- ua -->
    <!-- <script src="<%= BASE_URL %>script/ua-parser.min.js"></script> -->
    <!-- <script src="<%= BASE_URL %>script/ua.js"></script> -->
     <!-- 引入样式 -->
      <% for(var css of htmlWebpackPlugin.options.cdn.css) { %>
        <link rel="stylesheet" href="<%=css%>">
      <% } %>
    </head>

    <!-- 引入JS -->
    <% for(var js of htmlWebpackPlugin.options.cdn.js) { %>
      <script src="<%=js%>"></script>
    <% } %>

   <% if (NODE_ENV == 'development') { %>
    <script th:inline="javascript">
      var userInfo = <%= VUE_APP_USER_INFO %>
      var serverEnv = <%= VUE_APP_SERVER_ENV %>
    </script>
   <%  } else { %>

    <script th:inline="javascript">
      var info = {*info*}
      var userInfo = info.user
      var serverEnv = info.serverEnv
    </script>

   <% } %>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but mione doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
      <div class="d2-app-loading-group">
        <div class="d2-app-loading-grid">
          <div class="d2-app-loading d2-app-loading1"></div>
          <div class="d2-app-loading d2-app-loading2"></div>
          <div class="d2-app-loading d2-app-loading3"></div>
          <div class="d2-app-loading d2-app-loading4"></div>
          <div class="d2-app-loading d2-app-loading5"></div>
          <div class="d2-app-loading d2-app-loading6"></div>
          <div class="d2-app-loading d2-app-loading7"></div>
          <div class="d2-app-loading d2-app-loading8"></div>
          <div class="d2-app-loading d2-app-loading9"></div>
        </div>
      </div>
    </div>
  </body>
</html>
